<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>KAJA</title>
<style>
.c{
width: 30%;
height:30px;

}
.a{
width: 30.3%;
padding-top:30.3%;
margin:1px;
background-color: darkgoldenrod; 
}
.b{
    float: left;
    border-radius: 5%;
}
</style>
<body>
    <div class="c"></div><div class="a b"></div>
    <div class="a b"> </div><div class="a b"></div>
    <div class="a b"> </div><div class="a b"></div>
    <div class="a b"> </div><div class="a b"></div>
    <div class="a b"></div><div class="a b"></div>
</body>
</HTml>